<html>
<body>

<?php
// The names of the graph scripts
$_graphfilename1 = 'csim_in_html_graph_ex1.php';
$_graphfilename2 = 'csim_in_html_graph_ex2.php';

// This is the filename of this HTML file
global $_wrapperfilename;
$_wrapperfilename = basename (__FILE__);

// Create a random mapname used to connect the image map with the image
$_mapname1 = '__mapname'.rand(0,1000000).'__';
$_mapname2 = '__mapname'.rand(0,1000000).'__';

// Get the graph scripts
require_once ($_graphfilename1);
require_once ($_graphfilename2);

// This line gets the image map and inserts it on the page
$imgmap1 = $graph->GetHTMLImageMap($_mapname1);
$imgmap2 = $piegraph->GetHTMLImageMap($_mapname2);
echo $imgmap1;
echo $imgmap2;

?>

	<h2>This is an example page with CSIM graphs with arbitrary HTML text</h2>

	<?php
	if( empty($_GET['clickedon']) ) {
		echo '<b style="color:darkred;">Clicked on bar: &lt;none></b>';
	}
	else {
		echo '<b style="color:darkred;">Clicked on bar: '.$_GET['clickedon'].'</b>';
	}
	echo '<p />';
	if( empty($_GET['pie_clickedon']) ) {
		echo '<b style="color:darkred;">Clicked on pie slice: &lt;none></b>';
	}
	else {
		echo '<b style="color:darkred;">Clicked on pie slice: '.$_GET['pie_clickedon'].'</b>';
	}
	echo '<p />';
	?>

	<p>First we need to get hold of the image maps and include them in the
		HTML page.</p>
	<p>For these graphs the maps are:</p>
	<?php
	// The we display the image map as well
	echo '<small><pre>'.htmlentities($imgmap1).'</pre></small>';
	?>
	<p>and</p>
	<?php
	// The we display the image map as well
	echo '<small><pre>'.htmlentities($imgmap2).'</pre></small>';
	?>

	<?php
	// Construct the <img> tags for Figure 1 &amp; 2 and rebuild the URL arguments
	$imgtag1 = $graph->GetCSIMImgHTML($_mapname1,$_graphfilename1);
	$imgtag2 = $piegraph->GetCSIMImgHTML($_mapname2,$_graphfilename2);
	?>
	<p>The graphs are then displayed as shown in figure 1 &amp; 2. With the
		following created &lt;img> tags:</p>
	<small><pre>
	<?php
	echo htmlentities($imgtag1);
	echo htmlentities($imgtag2);
	?>
</pre>
	</small>

	<p>Note: For the Pie the center is counted as the first slice.</p>

	<p>
	
	
	<table border=0>
		<tr>
			<td valign="bottom"><?php
			echo $imgtag1;
			?> <br>
			<b>Figure 1. </b>The included Bar CSIM graph.
				</p></td>
			<td valign="bottom"><?php
			echo $imgtag2;
			?> <br>
			<b>Figure 2. </b>The included Pie CSIM graph.
				</p></td>
		</tr>
	</table>
</body>
</html>
